/* 
  版心宽度
*/
.width {
  width: 1200px;
  margin: 0 auto;
}

.width-1000 {
  width: 1000px;
  margin: 0 auto;
}

.width-800 {
  width: 800px;
  margin: 0 auto;
}

.display-flex {
  display: flex;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-direction-column {
  display: flex;
  flex-direction: column;
}

.align-center {
  display: flex;
  align-items: center;
}

.space-between {
  display: flex;
  justify-content: space-between;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

.white {
  color: white;
}

.fz12 {
  font-size: 12px;
}

.fz14 {
  font-size: 14px;
}

.fz16 {
  font-size: 16px;
}

.fz18 {
  font-size: 18px;
}

.fz20 {
  font-size: 20px;
}

.fz22 {
  font-size: 22px;
}


/* 设置滚动条样式 */
::-webkit-scrollbar {
  width: 5px; /* 滚动条宽度 */
  height: 8px; /* 滚动条高度 */
}

/* 设置滚动条轨道的样式 */
::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* 轨道背景色 */
  border-radius: 4px; /* 轨道圆角 */
}

/* 设置滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
  background-color: #ccc; /* 滑块背景色 */
  border-radius: 4px; /* 滑块圆角 */
}

/* 设置滚动条滑块在悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* 悬停时滑块背景色 */
}